// pages/viewrecommend/viewrecommend.js
const $api= require('../utils/api').API
Page({

  /**
   * 页面的初始数据
   */
  data: {
    color_default: '#FDC63D',
    color_monthsLike: 'black',
    color_liulan: 'black',
    /* 旅游推荐列表数组 */
    viewCommendList:[],
    /* 根路径 */
    baseURL:'https://j53421893f.zicp.fun'
  },
// 改变颜色
changeColor(type) {
  //console.log(type);
  let color = ['color_default', 'color_monthsLike', 'color_liulan'];
  /* 先将所有的都变黑 */
  this.setData({
    color_default: 'black',
    color_monthsLike: 'black',
    color_liulan: 'black'
  })
  /* 再将所点击的那个变成想要的颜色 */
  this.setData({
    [type] : '#FDC63D'
  })
},
/* 列表子项详细信息 */
TiaozhuanDetail(e){
    console.log('1243413:',e.currentTarget.dataset.item.id);
    let id = e.currentTarget.dataset.item.id
    let moduleId = e.currentTarget.dataset.item.moduleId
    wx.navigateTo({
      url: '../zhongcao_detail/zhongcao_detail?id='+ encodeURIComponent(id) + "&moduleId=" + encodeURIComponent(moduleId),
    }) 
  },
// 刷新民俗列表
relreshList(type,name){
    this.data.type = type
    this.data.discoverList1 = []
    this.data.discoverList2 = []
    let data = {
      "moduleId": 1    //指南
    }
    if(this.data.name != null && this.data.name != ''){        
        data.mainTitle = this.data.name
    }
     if(type == 1){        
    }else if(type == 2){
        data.searchLove = 1
    }else if(type == 3){
        data.searchClick = 1
    }
     /* 查询种草页内容 */
     $api.selectContentList(data).then(res =>{
        if(res.data.code !== 200){
          wx.showToast({ //弹出框
            title: '查询种草列表失败！',
            icon: 'error',
            duration: 2000
          })
         }else{  
          this.setData({discoverList:res.data.rows});
          this.data.discoverList = res.data.rows; 
          // console.log(res.data);
          for(let i = 0; i <this.data.discoverList.length;i++){
              this.data.discoverList[i].src =  this.data.baseURL + this.data.discoverList[i].src
              this.data.discoverList[i].peopleSrc =  this.data.baseURL + this.data.discoverList[i].peopleSrc
              if(this.data.discoverList1.length <= this.data.discoverList2.length){
                  this.data.discoverList1.push(this.data.discoverList[i])
              }else{
                  this.data.discoverList2.push(this.data.discoverList[i])
              }
              this.setData({
                  discoverList1:this.data.discoverList1,
                  discoverList2:this.data.discoverList2
              }) 
            }
        }
      })
},
/* 改变排序方式 */
changeSortByName(name) {
//   this.changeColor(e.target.dataset.type); 
  this.relreshList(this.data.type);
},  
changeSort(e,name) {
  this.changeColor(e.target.dataset.type); 
  this.relreshList(1);
}, 
changeSortByLove(e) {
  this.changeColor(e.target.dataset.type); 
  this.relreshList(2);
}, 
changeSortByClick(e) {
  this.changeColor(e.target.dataset.type); 
  this.relreshList(3);
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
      this.relreshList()
    // /* 全部推荐内容文本 */
    // let data = {
    //   "moduleId": 1
    //  }
    // $api.selectContentList(data).then(res => {
    //   if(res.data.code !== 200){
    //     wx.showToast({ //弹出框
    //       title: '查询推荐列表失败！',
    //       icon: 'error',
    //       duration: 2000
    //     })
    //    }else{
    //     // wx.showToast({
    //     //   title: '查询推荐列表成功！',
    //     //   icon: 'success',
    //     //   duration: 2000
    //     // });
    //     /* 查询后，保存数据 */ 0 
    //     //console.log(res.data);
    //     this.setData({viewCommendList:res.data.rows})
    //     this.data.viewCommendList = res.data.rows;   
    //     for(let i = 0; i <this.data.viewCommendList.length;i++){
    //         let data2 = {
    //             "outerId":this.data.viewCommendList[i].id,
    //             "moduleId": 2,
    //             "innerId":1,
    //             "pageSize": 5
    //            }
    //         $api.selectFiles(data2).then(res2 => {
    //             if(res2.data.code == 200){
    //              //   this.data.travelList.push(obj)
    //              if(res2.data.rows.length>0)
    //                this.data.viewCommendList[i].src = this.data.baseURL+res2.data.rows[0].filePath;
    //                this.setData({viewCommendList:this.data.viewCommendList})
    //             }else{       
    //             }
    //           })
    //       }
    //     this.setData({viewCommendList:this.data.viewCommendList})
    //     //console.log(this.data.viewCommendList);
    //   }
    // })
    // /* 全部推荐图片 */
    // let data1 = {
    //   "moduleId": 3,
    //   "innerId":1
    //  }
    // $api.selectFiles(data1).then(res => {
    //   if(res.data.code !== 200){
    //     wx.showToast({ //弹出框
    //       title: '查询推荐列表失败！',
    //       icon: 'error',
    //       duration: 2000
    //     })
    //    }else{
    //     wx.showToast({
    //       title: '查询推荐列表成功！',
    //       icon: 'success',
    //       duration: 2000
    //     });
    //     console.log(this.data.viewCommendList);
    //     /* 保存全部推荐图片到旅游推荐数组 */
    //      for(let i = 0; i < res.data.rows.length; i++){
    //     //   this.data.viewCommendList[i].src = this.data.baseURL+res.data.rows[i].filePath;
    //     } 
    //     /* 渲染数据的作用 */
    //     //console.log(this.data.viewCommendList);
    //     this.setData({ viewCommendList: this.data.viewCommendList });
    //   }
    // })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})